<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../org/angular.min.js"></script>
</head>

<body ng-app="app" ng-controller="ctrl">
    <div>
        <h3>爱好</h3>
        <div>
            <span>电影： <input type="checkbox" name="" ng-true-value="1" ng-false-value="0" ng-model="data.game"> </span>
            <span>游戏： <input type="checkbox" name=""  ng-true-value="1" ng-false-value="0"  ng-model="data.movie"></span>
        </div>

    </div>
    <div ng-show="data.game==1">
        <h3>游戏</h3>
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </div>
    <div ng-show="data.movie==1">
        <h3>电影</h3>
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </div>
    <script>
        var m = angular.module('app', []);
        m.controller('ctrl', ['$scope', function($scope) {
            $scope.data = {
                game: 0,
                movie: 0
            };
        }])
    </script>
</body>

</html>
